.img-box{
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    margin:0 0 5px 0;
}
.html-bg{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
    width:100%;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
    z-index:-1;
}

.icon{
    min-width: 200px;
}

.hero__content {
    width: 100%;
    z-index: 2;
}
section {
    display: block;
    align-items: center;
    justify-content: center;
}
.head_page{
    background-image: -webkit-linear-gradient(bottom, rgb(228, 226, 153), rgb(248, 164, 9));
    background-clip: text;
    -webkit-background-clip: text;
    font-family:'Gill Sans', 'Gill Sans MT', 'Calibri', 'Trebuchet MS', 'sans-serif';
    color: transparent;
}


.btn1 {
    text-align:center;
    width: 280px;
    height: 56px;
    display: block;
    position: relative;
    top: 20%;
    outline: 0;
    margin: 50px auto 100px;
    overflow: hidden;
    background: transparent;
    font-size: 16px;
    cursor: pointer;
    background-image: url(../img/ocapity-90.png);
}


.head_btn{
    background-image: -webkit-linear-gradient(bottom, rgb(228, 226, 153), rgb(248, 164, 9));
    background-clip: text;
    -webkit-background-clip: text;
    font-family: 'Grotesque';
    color: transparent;
}

.ocapity_img{
    transition: filter 0.8s;
    -webkit-filter:blur(10px);
    filter:blur(10px);
}

.noocapity{
    transition: filter 0.8s;
    -webkit-filter:blur(0px);
    filter:blur(0px);
}

.center-me{
    margin: 0 auto;
}

.head2_page{
    margin:40px 0 0 0;
}

.nav_form{
    margin:0 0 100px 0;
}

.pure-white{
    background-color: white;
}
.boke{
    margin: 10px 50px 10px 50px;
    writing-mode: horizontal-tb;
    max-height:400px;
    width:auto;
    max-width:60%;
    display:none;
}
.scale-1-1:hover{
    transition: all 0.6s;
    transform:scale(1.1);
}

.scale-1-1{
    transition: all 0.6s;
    transform:scale(1);
}
.scale-1-3:hover{
    transition: all 0.6s;
    transform:scale(1.3);
}

.scale-1-3{
    transition: all 0.6s;
    transform:scale(1);
}

a:hover{
    text-decoration:none;
}

.boke-icon{
    width:100px;
    height:100px;
}

.head{
    text-decoration-line: underline;
}
.hr3{ 
    height:5px;
    border:none;
    border-top:5px ridge #45D6D8;
}
.para{
    text-indent:2em;
}

.hljs{
    display: block;
    overflow-x: auto;
    overflow-y: auto;
    padding: 0.5em;
    color: #383a42;
    background: #fafafa;
    margin-bottom: 50px;
}

.hljs-ln{
    border-collapse: collapse;
}

.hljs-ln li{
    border-left: 4px solid #c5c5c5;
}

.hljs-ln-numbers{
    width: 24px;
    border-right: 1px solid #c5c5c5;
    float: left;
    height: 22px;
}

.hljs-keyword{
    color: blue;
}
.hljs-comment{
    color: rgb(189, 55, 14)
}

.hljs-string{
    color: lightgreen;
}

.hljs-number{
    color: rgb(10, 141, 134)
}

blockquote{
    display: block;
    padding: 16px;
    margin: 0 0 24px;
    border-left: 8px solid #dddfe4;
    background: #eef0f4;
    overflow: auto;
}

.figure{
    display:block;
    padding: 4rem 2rem;
    margin-bottom: 2rem;
    border-radius: .3rem;
    background-image: url(../img/ocapity-90.png);
}

.time{
    list-style:none;
    border-top: 2px solid #c5c5c5;
}
.time p{
    display:inline-block;
    background-color: rgb(219, 219, 219);
}
.height-30{
    height:30px;
}